<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
		<link href="bootstrap/css/index.css" rel="stylesheet"/>
		<link href="bootstrap/css/gouwu.css" rel="stylesheet"/>
		<script src="bootstrap/js/jquery-3.5.1.slim.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<title>愿望单</title>
	</head>
	<body>
		<div class="bjimg"></div>
		<div>
			<!--导航栏-->
			<nav class="navbar navbar-expand-sm dhl tou2 bshadow">
				<a class="navbar-brand tshadow" style="color: white;font-weight: bold;">o.O</a>
				<button class="navbar-toggler dhlbtn" type="button" data-toggle="collapse" data-target="#navtop">
					<span class="nicebutton">三</span>
				</button>
				<div class="collapse navbar-collapse" id="navtop">
					<ul class="navbar-nav mr-auto">
						<li class="nav-item nicedhl mr-2">
							<a class="nav-link dhltc" href="index.html">首页</a>
						</li>					
						<li class="nav-item nicedhl mr-2">
							<a class="nav-link dhltc" href="#">社区</a>
						</li>
						<li class="nav-item nicedhl mr-2">
							<a class="nav-link dhltc" href="#">个人</a>
						</li>
					</ul>
					<div class="dropdown">
						<button class="btn dropdown-toggle nicebutton" type="button" data-toggle="dropdown" aria-expanded="false">
						  语言
						</button>
						<div class="dropdown-menu">
						  <a class="dropdown-item" href="#">English</a>
						  <a class="dropdown-item" href="#">中文</a>
						  <a class="dropdown-item" href="#">日本語</a>
						</div>
					</div>
				</div>
			</nav>
		</div>
		
		<div class="container gouwubj bshadow pb-5 mt-3">
			<h2 class="tshadow pt-3" style="color: white;">愿望单</h2>
			<form class="form-inline pt-4 my-2 my-lg-0 pb-4" style="border-bottom: 4px solid white;">
		      	<input class="form-control bg-dark mr-sm-2" style="border-radius: 15px;color: white;" type="search" placeholder="输入游戏名进行搜索" aria-label="Search">
		      	<button class="nicebutton my-2 my-sm-0" type="submit">搜索</button>
   			</form>
   			
   			
   			<div class="mt-3">
   				<div class="p-2" style="border-radius: 12px; border: 2px solid white;">
   					<img src="img/img6.png" class="" style="border-radius: 12px;width: 290px;" height="150px"/>
   					<a class="h2 mr-4" style="color: white;">Monster Hunter: Rise</a>
   					<span class="ml-5">添加日期：</span><a style="color: white;">2020/1/23</a>
					<div class="bg-dark p-2 bshadow" style="border-radius: 15px;">
						<span class="text-light">￥ 120.00</span>
						<button class="nicebutton mr-1" href="gouwu3.html">购买</button>
					</div>
				</div>
			</div>
	    	
	    	
	    	<div class="mt-3">
   				<div class="p-2" style="border-radius: 12px; border: 2px solid white;">
   					<img src="img/header.jpg" class="" style="border-radius: 12px;width: 290px;" height="150px"/>
   					<a class="h2 mr-4" style="color: white;">Monster Hunter: World</a>
   					<span class="ml-5">添加日期：</span><a style="color: white;">2022/2/9</a>
					<div class="bg-dark p-2 bshadow" style="border-radius: 15px;">
						<span class="text-light">￥ 148.00</span>
						<button class="nicebutton mr-1" href="gouwu.html">购买</button>
					</div>
				</div>
			</div>
			
			<div class="mt-3">
   				<div class="p-2" style="border-radius: 12px; border: 2px solid white;">
   					<img src="img/liebiao1.jpg" class="" style="border-radius: 12px;width: 290px;" height="150px"/>
   					<a class="h2 mr-4" style="color: white;">艾尔登法环</a>
   					<span class="ml-5">添加日期：</span><a style="color: white;">2023/5/20</a>
					<div class="bg-dark p-2 bshadow" style="border-radius: 15px;">
						<span class="text-light">￥ 228.00</span>
						<button class="nicebutton mr-1 " href="gouwu2.html">购买</button>
					</div>
				</div>
			</div>
	   </div>
		
		<footer class="w-100 weibu mt-5 pt-2 pb-2">
			<a href="#">隐私政策</a> | <a href="#">法律信息</a> | <a href="#">关于我们</a> | <a href="#">联系方式</a> | <a href="#">客服</a><br>
			<a>&copy;Copyright 2024 Administrator. All Rights Reserved. </a>
		</footer>
	</body>
</html>